$(function () {

    function turnWhite() {
        $(".light_click").hide()
        $(".type-sun-2O-5Gfm").animate({}, 2000, function () {
            $(this).css({ 'transform': 'rotate(-180deg)' });
            $(".type-moon-1bbZpOf").show()
            $(".type-moon-1bbZpOf").animate({}, 2000, function () {
                $(".dark_click").css({ "display": " inline" })
                $(".type-moon-1bbZpOf").addClass("theme-color-icon-L4D1vIK ")
                $(this).css({ 'transform': 'rotate(0deg)' });
            })
        })
        $("body").css({ "background-color": "rgb(250,250,250)" })
        document.documentElement.style.setProperty('--font-color', '#151515');
        document.documentElement.style.setProperty('--bg-color', 'rgb(250,250,250)');
    }

    function turnBlack() {
        $(".dark_click").hide()
        $(".light_click").show()
        $(".type-sun-2O-5Gfm").animate({}, 2000, function () {
            $(".type-sun-2O-5Gfm").css({ 'transform': 'rotate(-360deg)' });
            $(".type-moon-1bbZpOf").hide()
            $(".type-moon-1bbZpOf").animate({}, 2000, function () {
                $(this).css({ 'transform': 'rotate(-180deg)' });
            })
        })
        $("body").css({ "background-color": "#151515" })
        document.documentElement.style.setProperty('--font-color', '#fff');
        document.documentElement.style.setProperty('--bg-color', '#292a29');
    }

    function colour() {
        // 时间在早上8-下午6 为白天
        const date = new Date();
        const hour = date.getHours();
        if (!sessionStorage.getItem("hasSet")) {
            if (Number(hour) > 8 && Number(hour) < 18) {
                console.log("hour111", hour)
                turnWhite()
            } else {
                console.log("hour222", hour)
                turnBlack()
            }
        } else {
            if (sessionStorage.getItem("colour") == "light") {
                console.log("白天")
                turnWhite()

            } else if (sessionStorage.getItem("colour") == "dark") {
                console.log("黑夜")
                turnBlack()
            }
        }
    }

    function light_click() {
        $(".light_click").on("click", function () {
            $(this).hide()
            $(".type-sun-2O-5Gfm").animate({}, 2000, function () {
                $(this).css({ 'transform': 'rotate(-180deg)' });
                $(".type-moon-1bbZpOf").show()
                $(".type-moon-1bbZpOf").animate({}, 2000, function () {
                    $(".dark_click").css({ "display": " inline" })
                    $(".type-moon-1bbZpOf").addClass("theme-color-icon-L4D1vIK ")
                    $(this).css({ 'transform': 'rotate(0deg)' });
                })
            })
            $("body").css({ "background-color": "rgb(250,250,250)" })
            sessionStorage.setItem("hasSet", "1")
            sessionStorage.setItem("colour", "light")
            document.documentElement.style.setProperty('--font-color', '#151515');
            document.documentElement.style.setProperty('--bg-color', 'rgb(250,250,250)');


            // --font-color:#fff;
            // --bg-color:#222222;

        })
        $(".dark_click").on("click", function () {
            $(this).hide()
            $(".light_click").show()
            $(".type-sun-2O-5Gfm").animate({}, 2000, function () {
                $(".type-sun-2O-5Gfm").css({ 'transform': 'rotate(-360deg)' });
                $(".type-moon-1bbZpOf").hide()
                $(".type-moon-1bbZpOf").animate({}, 2000, function () {
                    $(this).css({ 'transform': 'rotate(-180deg)' });
                })
            })
            sessionStorage.setItem("hasSet", "1")
            sessionStorage.setItem("colour", "dark")
            $("body").css({ "background-color": "#151515" })
            document.documentElement.style.setProperty('--font-color', '#fff');
            document.documentElement.style.setProperty('--bg-color', '#fff');

        })
    }


    function setVideo() {
        let a, b
        $("body").click(function () {
            b = $('.WorkPreview-video')
        })
        $(".easing .swiper-slide").hover(function () {
            b.map((item, index) => {
                index.play()
            })
            $(this).find(".WorkPreview-video").css("z-index", 1)
        }, function () {
            b.map((item, index) => {
                index.pause()
            })
            $(this).find(".WorkPreview-video").css("z-index", -1)
        })
    }
    function lanFun() {
        console.log("0000", localStorage.getItem("language"))
        if (localStorage.getItem("language") == "en") {
            localStorage.setItem("language", "cn")
            // $(this).addClass("icon-a-yuyanyingwen")
            window.location.reload()
        } else {
            localStorage.setItem("language", "en")
            // $(this).addClass("icon-a-yuyanzhongwen")
            window.location.reload()
        }
    }
    function changeLan() {
        $("#en").click(lanFun);
        $("#enD").click(lanFun);
        $("#cn").click(function () {
            console.log("cncncn", localStorage.getItem("language"))
            if (localStorage.getItem("language") != "cn") {
                localStorage.setItem("language", "cn")
                window.location.reload()
            }
        });
    }
    function changeGif() {
        $(document).ready(function () {
            $("#logo-gif").on({
                mouseenter: function () {
                    // const randomNumS = ['3', '1', '4']
                    const randomNumS = ['3', '1', '5']
                    const randomNum = randomNumS[Math.floor(Math.random() * randomNumS.length)];
                    $(this).attr('src', `assets/images/logo/${randomNum}.gif`)
                }
            })

        })
    }
    changeGif()
    changeLan()
    setVideo()
    colour()
    light_click()
})